<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <style type="text/css">

        .input{
            width:250px;
            height:40px;
            font-size:20px;
        }

        button{
            width:50px;
            height:35px;
        }
        #top{
            margin-top: 50px;
        }
        .panel-heading{
            width: 100%;
        }
        tr{
            padding: 10px;
        }
        table{
            margin: 10px;
            height: 500px;
        }
    </style>
    <title>手动添加</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="../css/sb-admin.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="page-wrapper">
    <div class="container-fluid">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading" style="background-color: #00c0ff;">
                    <h3 class="panel-title" style="color:#fff;"><i class="fa fa-clock-o fa-fw"></i>用户管理->添加用户信息->手动添加</h3>
                </div>
                <div class="search" style="margin-top: 10px;margin-left:20%; width:100%; height:600px;  ">
                    <form action=""  id="top">
                        <table align="center">
                            <tr id="table">
                                <td>用户ID:</td>
                                <td><input class="input" type="text" name="ID"/></td>
                            </tr>
                            <tr>
                                <td>真实姓名:</td>
                                <td><input class="input" type="text" name="name"/></td>
                            </tr>
                            <tr>
                                <td>手机号</td>
                                <td><input class="input" type="text" name="phone"/></td>
                            </tr>
                            <tr>
                                <td>密码:</td>
                                <td><input class="input" type="text" name="pwd"/></td>
                            </tr>
                            <tr>
                                <td>确认密码:</td>
                                <td><input class="input" type="text" name="pwd1"/></td>
                            </tr>
                            <tr>
                                <td>权限:</td>
                                <td> <select>
                                    <option>一般用户</option>
                                    <option>组长</option>
                                    <option>裁判</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>头像：</td>
                                <td><img src="" alt="" name="照片" width="100" height="100" title="照片"/><br/>
                                    <button type="submit" value="添加">添加</button>
                                    <button type="reset" value="重置">重置</button>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
      </div>
</div>
</body>
</html>